htm,body {padding:0px; margin:0px;}
body {font-family:'Microsoft YaHei';}
dl {padding:0px; margin:0px;}
dt {padding:0px; margin:0px;}
dd {padding:0px; margin:0px;}
ul {padding:0px; margin:0px;}
ol {padding:0px; margin:0px;}
p {line-height: 25px;}
li {padding:0px; margin:0px; list-style-type:none;}
form {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
blockquote {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
select {padding:0px; margin:0px; border:0px;}
label {padding:0px; margin:0px;}
textarea {padding:0px; margin:0px; border:0px;}
img {padding:0px; margin:0px; border:0px;} 
.clear {clear:both; height:0px;}

input::-webkit-input-placeholder {color:#999;}
.input {width:100%; display:block; padding:0px 5px; background:none; border:#e5e5e5 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;}
.select{width:100%; color:#606366; padding:11px 25px 11px 5px; -webkit-appearance:none; border-radius:3px; background:url(../images/down.png) no-repeat right; background-size:15px 15px; -webkit-background-size:15px 15px; -moz-background-size:15px 15px; -ms-background-size:15px 15px; -webkit-box-sizing:border-box;}
.button {width:100%; display:block; padding:0px 5px; border:#e5e5e5 solid 1px; background:no-repeat; color:#fff; text-align:center; font-size:14px;}
.textarea {width:100%; display:block; padding:10px 5px; background:none; border:#e5e5e5 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;}

.space-0 {width:100%; height:0px; clear:both;}
.space-5 {width:100%; height:10px; clear:both;}
.space-10 {width:100%; height:10px; clear:both;}
.space-20 {width:100%; height:20px; clear:both;}
.space-30 {width:100%; height:30px; clear:both;}
.space-40 {width:100%; height:40px; clear:both;}
.space-50 {width:100%; height:50px; clear:both;}

.radius5 {-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.radius10 {-moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.radius15 {-moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px;}
.radius20 {-moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px;}
.radius50 {-moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}

/* 加载动画 */

@-moz-keyframes fill {
    0% { height: 0px; }
    25% { height: 75px; }
    50% { height: 150px; }
    75% { height: 225px; }
    100% { height: 160px; }
}

@-webkit-keyframes fill {
    0% { height: 0px; }
    25% { height: 75px; }
    50% { height: 150px; }
    75% { height: 225px; }
    100% { height: 160px; }
}

@keyframes fill {
    0% { height: 0px; }
    25% { height: 75px; }
    50% { height: 150px; }
    75% { height: 225px; }
    100% { height: 300px; }
}
.loadingBg { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #eee; z-index: 9999; }
.loading { width: 300px; height: 300px; position: fixed; top: 50%; left: 50%; margin-left: -150px; margin-top: -150px; z-index: 999; }
.m-black, .m-red { position: absolute; top: 0px; left: 0; width: 300px; }
.m-black { background: url(../images/loding1.png) no-repeat left bottom; height: 300px; }
.m-red { background: url(../images/loding2.png) no-repeat left top; -moz-animation-duration: 1.2s; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -moz-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -moz-animation-name: fill; -webkit-animation-name: fill; animation-name: fill; height: 300px; }

/* 链接颜色 */

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

/* 头部 */

.head {width:100%; height:150px; background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.3); position:fixed; top:0px; left:0px; z-index:100;}
.head .head-top {height:30px; background:url(../images/head-top.jpg) repeat-x;}
.head .head-top a {height:30px; line-height:30px; color:#fff; font-size:12px; display:block;}
.head .head-top a.add {float:left;}
.head .head-top a.tel {float:right;}

.head .head-bot {height:100px;}
.head .head-bot .logo {height:100px; display:block; padding:10px 0px; float:left;}
.head .head-bot .logo img {height:80px;}

.head .head-bot nav {height:80px; display:block; position:relative; float:right;}
.head .head-bot nav li {height:80px; line-height:80px; display:block; padding:20px 0px; position:relative; z-index:2; float:left;}
.head .head-bot nav li a {height:40px; line-height:40px; color:#333; font-size:16px; display:block; text-align:center;}
.head .head-bot nav li:hover a {color:#e84c3c;}
.head .head-bot nav li.cut a {color:#e84c3c;}
.head .head-bot #buoy {height:4px; background:#e84c3c; position:absolute; bottom:15px; left:30px; z-index:1;}

/* 网站手机版头部 */

.menu-handler { width: 44px; height: 40px; cursor: pointer; position: fixed; right: 10px; top: 8px; z-index: 102; display:none;}
.menu-handler .burger { width: 32px; height: 2px; background: #333; display: block; position: absolute; z-index: 5; top: 10px; left: 50%; margin: 0 0 0 -18px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; border-radius: 3px; }
.menu-handler .burger-2 { top: 20px; }
.menu-handler .burger-3 { top: 30px; }
.menu-handler.active .burger-1 { top: 36px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 36px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.trans, .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
#menu-holder { position: fixed; right: -100%; top: 0px; width: 100%; padding: 0px 25px; height: 100%; overflow-x: hidden; overflow-y: auto; background:#fff; color: #fff; z-index: 100; -webkit-overflow-scrolling: touch; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; }
#menu-holder a:link, #menu-holder a:visited { color: #333; font-size:16px; }
#menu-holder a:active, #menu-holder a:hover { color: #333; text-decoration:underline; }
#menu-holder .msubnav a:link, #menu-holder .msubnav a:visited { color: #fff; }
#menu-holder .msubnav a:active, #menu-holder .msubnav a:hover { color: #fff; }
.navMobile { padding: 0px 0px 10px; margin-top: 86px; display: block; }
.navMobile dd { padding-bottom: 20px; position: relative; width: 100%; }
.navMobile p a { font-size:14px; display: block; }
.navMobile .msubnav { width: 238px; padding-top: 16px; display: none; }
.navMobile .msubnav a { font-size: 16px; margin: 0px 12px 10px 0px; display: inline-block; }
#menu-holder .g-tel { font-size: 14px; }
#bg-menu { background-color: rgba(0,0,0,0.8); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; cursor: url("../images/close-icon.ico") 16 16, default; z-index: 99; display: none; }
.menuOpen #menu-holder { right: 0px; }

/* 网站底部 */

.foot {height:auto; overflow:hidden;}
.foot .foot-top a {height:35px; line-height:35px; color:#fff; overflow:hidden; display:block;}
.foot .foot-top a span {display:block; float:left;}
.foot .foot-top a small {padding:0px 10px; display:block; float:left;}

.foot .foot-top {height:auto; overflow:hidden; background:#2a495a; padding:20px 0px;}
.foot .foot-top .tool {height:auto; overflow:hidden;}
.foot .foot-top .tool .code {width:120px; height:120px; padding:10px; background:url(../images/code.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; margin:10px 5px 0px; float:left;}
.foot .foot-top .tool .code img {width:100px; height:100px; display:block;}
.foot .foot-top .tool .service_tel {height:auto; overflow:hidden; margin:0px 5px 0px; padding-top:35px; float:left;}
.foot .foot-top .tool .service_tel b {height:40px;line-height:40px; color:#fff; font-size:18px; text-align:center; display:block;}
.foot .foot-top .tool .service_tel p {height:20px; line-height:20px; color:#fff; font-size:12px; text-align:center; display:block;}

.foot .foot-bot {height:auto; overflow:hidden; background:#15242d; padding:10px 0px;}
.foot .foot-bot span,.foot .foot-bot font {height:22px; line-height:24px; color:#fff; font-size:12px; overflow:hidden; display:block;}

/* 首页轮播图 */

.slides {width:100%; height:auto; overflow:hidden; position:relative;}
.slides a {width:100%; height:auto; overflow:hidden; display:block; position:relative;}
.slides a img {width:100%; height:auto; overflow:hidden; display:block;}

.slidesjs-pagination {height:10px; position:absolute; bottom:10px; left:48%; z-index:98;}
.slidesjs-pagination li {width:10px; height:10px; line-height:10px; margin:0px 3px; float:left;}
.slidesjs-pagination li a {font-size:12px; text-align:center; color:#969696; font-size:0px; background:#fff; display:block; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background:#e84c3c; color:#e84c3c;}
.slidesjs-pagination li a:hover {background:#e84c3c; color:#e84c3c;}

.slidesjs-navigation {display:block;}
.slidesjs-navigation .slidesjs-previous {width:50px; height:50px; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%; position:absolute; top:50%; left:20px; z-index:99; margin-top:-20px;}
.slidesjs-navigation .slidesjs-previous {background:url(../images/h-prev.png) no-repeat center center #888; background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}
.slidesjs-navigation .slidesjs-previous:hover {background-color:#333; background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}
.slidesjs-navigation .slidesjs-next {width:50px; height:50px; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%; position:absolute; top:50%; right:20px; z-index:99; margin-top:-20px;}
.slidesjs-navigation .slidesjs-next {background:url(../images/h-next.png) no-repeat center center #888; background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}
.slidesjs-navigation .slidesjs-next:hover {background-color:#333; background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}

.introbox {height:auto; overflow:hidden; padding:50px 0px 30px;}
.introbox .list {height:auto; overflow:hidden;}
.introbox .list .bg {width:120px; height:120px; padding:20px; margin:0px auto; background:#336699;}
.introbox .list .bg img {width:80px; display:block;}
.introbox .list b {height:30px; line-height:30px; color:#333; font-size:20px; text-align:center; display:block;}
.introbox .list s {width:50px; height:4px; background:#336699; display:block; margin:0px auto;}
.introbox .list p {height:auto; overflow:hidden; line-height:22px; color:#333; font-size:16px; text-align:center; display:block; padding:0px 10px;}

.about {height:auto; overflow:hidden; text-align:center; padding:50px 0px;}
.about .about-title {height:auto; overflow:hidden; display:inline-block;}
.about .about-title span {height:40px; line-height:40px; color:#333; font-size:24px; font-weight:bold; display:block; padding:0px 5px; float:left;}
.about .about-title font {height:50px; line-height:50px; color:#333; font-size:20px; font-weight:bold; display:block; padding:0px 5px; float:left;}

.about .line {height:auto; overflow:hidden; display:inline-block;}
.about .line s {width:100px; height:5px; border-bottom:#333 dashed 2px; overflow:hidden; display:block; margin-top:5px; float:left;}
.about .line span {width:20px; height:20px; display:block; margin:0px 10px; float:left; background:url(../images/san.png) no-repeat center center; background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}
.about .intro {height:auto; overflow:hidden; line-height:25px; padding:30px 0px;}
.about .more {width:180px; height:50px; line-height:50px; font-size:18px; color:#fff; font-weight:bold; text-align:center; background:#e84c3d; display:block; margin:0px auto;}

.product {height:auto; overflow:hidden; text-align:center; padding:50px 0px;}
.product .product-title {height:auto; overflow:hidden; display:inline-block;}
.product .product-title span {height:40px; line-height:40px; color:#333; font-size:24px; font-weight:bold; display:block; padding:0px 5px; float:left;}
.product .product-title font {height:50px; line-height:50px; color:#333; font-size:20px; font-weight:bold; display:block; padding:0px 5px; float:left;}

.product .line {height:auto; overflow:hidden; display:inline-block;}
.product .line s {width:100px; height:5px; border-bottom:#333 dashed 2px; overflow:hidden; display:block; margin-top:5px; float:left;}
.product .line span {width:20px; height:20px; display:block; margin:0px 10px; float:left; background:url(../images/san.png) no-repeat center center; background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}
.product .intro {height:auto; overflow:hidden; padding:30px 0px;}
.product .intro img {max-width:100%;}
.product .more {width:180px; height:50px; line-height:50px; font-size:18px; color:#fff; font-weight:bold; text-align:center; background:#e84c3d; display:block; margin:0px auto;}

.news {height:auto; overflow:hidden; text-align:center; padding:50px 0px;}
.news .news-title {height:auto; overflow:hidden; display:inline-block;}
.news .news-title span {height:40px; line-height:40px; color:#fff; font-size:24px; font-weight:bold; display:block; padding:0px 5px; float:left;}
.news .news-title font {height:50px; line-height:50px; color:#fff; font-size:20px; font-weight:bold; display:block; padding:0px 5px; float:left;}

.news .line {height:auto; overflow:hidden; display:inline-block;}
.news .line s {width:100px; height:5px; border-bottom:#fff dashed 2px; overflow:hidden; display:block; margin-top:5px; float:left;}
.news .line span {width:20px; height:20px; display:block; margin:0px 10px; float:left; background:url(../images/er.png) no-repeat center center; background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}
.news .more {width:180px; height:50px; line-height:50px; font-size:18px; color:#fff; font-weight:bold; text-align:center; background:#e84c3d; display:block; margin:0px auto;}

.news .newsli {height:360px; overflow:hidden; background:url(../images/line.png) repeat-y center center; margin:0px auto; position:relative;}
.news .newsli a {width:50%; height:60px; display:block; position:absolute;}
.news .newsli a i {width:16px; height:16px; display:block; background:#fff; position:absolute; top:8px;}
.news .newsli a time {height:15px; line-height:15px; color:#fff; display:block;}
.news .newsli a span {height:25px; line-height:25px; color:#fff; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.news .newsli a.a1 {padding:10px 20px 10px 0px; left:0px;}
.news .newsli a.a1 i {right:-8px;}
.news .newsli a.a1 time {text-align:right;}
.news .newsli a.a1 span {text-align:right;}

.news .newsli a.a2 {padding:10px 0px 10px 20px; right:0px;}
.news .newsli a.a2 i {left:-8px;}
.news .newsli a.a2 time {text-align:left;}
.news .newsli a.a2 span {text-align:left;}

.news .newsli a.b1 {top:40px;}
.news .newsli a.b2 {top:100px;}
.news .newsli a.b3 {top:160px;}
.news .newsli a.b4 {top:220px;}
.news .newsli a.b5 {top:280px;}
.news .newsli a.b6 {top:360px;}

.partner {height:auto; overflow:hidden; text-align:center; padding:50px 0px;}
.partner .partner-title {height:auto; overflow:hidden; display:inline-block;}
.partner .partner-title span {height:40px; line-height:40px; color:#000; font-size:24px; font-weight:bold; display:block; padding:0px 5px; float:left;}
.partner .partner-title font {height:50px; line-height:50px; color:#000; font-size:20px; font-weight:bold; display:block; padding:0px 5px; float:left;}

.partner .line {height:auto; overflow:hidden; display:inline-block;}
.partner .line s {width:100px; height:5px; border-bottom:#000 dashed 2px; overflow:hidden; display:block; margin-top:5px; float:left;}
.partner .line span {width:20px; height:20px; display:block; margin:0px 10px; float:left; background:url(../images/san.png) no-repeat center center; background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}

.partner .list {height:auto; overflow:hidden; padding:10px; display:block; border:#e5e5e5 solid 1px;}
.partner .list img {width:100%; display:block;}

.contact {height:auto; overflow:hidden; text-align:center; padding:50px 0px; background:#f6f6f6;}
.contact .contact-title {height:auto; overflow:hidden; display:inline-block;}
.contact .contact-title span {height:40px; line-height:40px; color:#000; font-size:24px; font-weight:bold; display:block; padding:0px 5px; float:left;}
.contact .contact-title font {height:50px; line-height:50px; color:#000; font-size:20px; font-weight:bold; display:block; padding:0px 5px; float:left;}

.contact .line {height:auto; overflow:hidden; display:inline-block;}
.contact .line s {width:100px; height:5px; border-bottom:#000 dashed 2px; overflow:hidden; display:block; margin-top:5px; float:left;}
.contact .line span {width:20px; height:20px; display:block; margin:0px 10px; float:left; background:url(../images/san.png) no-repeat center center; background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}

.contact .list {height:auto; overflow:hidden; padding:50px 0px; background:#fff; border-bottom:#fff solid 5px;}
.contact .list span {width:40px; height:40px; display:block; margin:0px auto;}
.contact .list span.s1 {background:url(../images/s1.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact .list span.s2 {background:url(../images/s2.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact .list span.s3 {background:url(../images/s3.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact .list b {height:40px; line-height:40px; color:#e84c3d; font-size:16px; font-weight:bold; display:block;}
.contact .list p {height:40px; line-height:40px; color:#333; font-weight:bold; display:block;}
.contact .list:hover {border-bottom:#e84c3d solid 5px;}

/* 内页样式 */

.menudiv {height:auto; overflow:hidden; background:#284858;}
.menudiv a {color:#fff; font-weight:bold; display:block; float:left;}
.menudiv a.hover {color:#e84c3d; background:#fff;}
.menudiv a:hover {color:#e84c3d; background:#fff;}

.newsbox a {height:auto; overflow:hidden; display:block; padding-bottom:5px; border-bottom:#999 dashed 1px;}
.newsbox a img {width:100%;}
.newsbox a .n_title {height:30px; line-height:30px; color:#333; font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsbox a .n_intro {height:44px; overflow:hidden; line-height:22px; color:#777; font-size:14px;}
.newsbox a .time {height:auto; overflow:hidden; line-height:20px; color:#c0c0c0;}
.newsbox a:hover .n_title {color:#fb5015;}
.newsbox a:hover .n_intro {color:#222;}
.newsbox a:hover .time {color:#777;}

.content {height:auto; overflow:hidden; line-height:30px; padding:50px 0px;}
.content img {max-width:100%;}

.content .venobox {height:auto; overflow:hidden; padding:10px; display:block; border:#e5e5e5 solid 1px;}

.products .boxx {height:auto; overflow:hidden; padding:10px; display:block; border:#e5e5e5 solid 1px;}
.products .boxx .text {width:100%; height:50px; line-height:25px; overflow:hidden; color:#333; font-size:16px; font-weight:bold; text-align:center; letter-spacing:3px; display:block; position:absolute; top:50%; left:0px; margin-top:-25px;}

.products a {height:auto; overflow:hidden; display:block; position:relative;}
.products a img {width:100%; border:#e5e5e5 solid 1px;}
.products a .showbox {width:100%; height:100%; display:block; position:absolute; top:0px; left:0px;}
.products span {height:50px; overflow:hidden; line-height:50px; color:#333; font-size:16px; font-weight:bold; text-align:center; letter-spacing:3px; display:block;}
.products a .showbox::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.products a:hover .showbox::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.products .text-word {height:auto; overflow:hidden; padding:10px; display:block; border:#e5e5e5 solid 1px;}

.s_n_title {height:auto; line-height:25px; overflow:hidden; color:#000; font-size:18px; font-weight:bold; padding-bottom:5px;}
.s_d_date {height:30px; line-height:30px; color:#898989; padding-bottom:10px; border-bottom:#ccc dashed 1px;}
.s_d_date font {color:#e60012;}

/* 分页样式 */

.page {height:auto; overflow:hidden; font-size:12px; text-align:center; clear:both; padding:0px 5px;}
.page a {height:25px; line-height:25px; color:#666; border:#e5e5e5 solid 1px; background:#fff; display:block; padding:0px 10px; margin:0px 5px; float:left;}
.page span {height:25px; line-height:25px; display:block; padding:0px 10px; border:#e5e5e5 solid 1px; background:#fff; margin:0px 5px; float:left;}
.page span.current {color:#fff; border:#222 solid 1px; background:#222;}
.page a:hover {color:#fff; border:#222 solid 1px; background:#222;}

/* 相关新闻 */

.morenews {height:auto; overflow:hidden; border-top:#ccc dashed 1px; padding:20px 0px; margin-top:20px;}
.morenews span {height:30px; line-height:30px; display:block; color:#888;}
.morenews a {height:30px; line-height:30px; color:#a0a0a0;}
.morenews a:hover {color:#333;}

.t-title {height:auto; overflow:hidden; text-align:center; background:url(../images/line.jpg) repeat-x 0px center;}
.t-title span {width:300px; height:35px; line-height:35px; color:#666; font-weight:bold; font-size:24px; display:block; margin:0px auto; background:#fff;}
.t-title p {width:300px; height:auto; overflow:hidden; line-height:25px; color:#999; display:block; margin:0px auto; background:#fff;}

@media (max-width: 479px) {   

.head {height:50px;}
.head .head-top {display:none;}
.head .head-bot {height:50px;}
.head .head-bot .logo {height:50px; padding:5px 0px;}
.head .head-bot .logo img {height:40px;}

.head .head-bot nav {display:none;}

.menu-handler {display:block; top:3px;}

.height {height:50px;}

.slidesjs-navigation .slidesjs-previous {width:30px; height:30px;}
.slidesjs-navigation .slidesjs-previous {background:url(../images/h-prev.png) no-repeat center center #888; background-size:15px 15px; -webkit-background-size:15px 15px; -moz-background-size:15px 15px; -ms-background-size:15px 15px; left:10px;}
.slidesjs-navigation .slidesjs-previous:hover {background-size:15px 15px; -webkit-background-size:15px 15px; -moz-background-size:15px 15px; -ms-background-size:15px 15px;}
.slidesjs-navigation .slidesjs-next {width:30px; height:30px;}
.slidesjs-navigation .slidesjs-next {background:url(../images/h-next.png) no-repeat center center #888; background-size:15px 15px; -webkit-background-size:15px 15px; -moz-background-size:15px 15px; -ms-background-size:15px 15px; right:10px;}
.slidesjs-navigation .slidesjs-next:hover {background-size:15px 15px; -webkit-background-size:15px 15px; -moz-background-size:15px 15px; -ms-background-size:15px 15px;}

.introbox .list .bg {width:90px; height:90px;}
.introbox .list .bg img {width:50px;}

.news .newsli {width:100%; padding:0px 10px;}

.bigimg {height:180px;}

.menudiv a {line-height:40px; padding:0px 15px;}

}

@media (min-width: 480px) and (max-width: 767px)  {

.head {height:50px;}
.head .head-top {display:none;}
.head .head-bot {height:50px;}
.head .head-bot .logo {height:50px; padding:5px 0px;}
.head .head-bot .logo img {height:40px;}

.head .head-bot nav {display:none;}

.menu-handler {display:block; top:3px;}

.height {height:50px;}

.news .newsli {width:480px;}

.bigimg {height:240px;}

.menudiv a {line-height:50px; padding:0px 15px;}

}
@media (min-width: 768px) and (max-width: 999px){

.head {height:60px;}
.head .head-top {display:none;}
.head .head-bot {height:60px;}
.head .head-bot .logo {height:60px; padding:5px 0px;}
.head .head-bot .logo img {height:50px;}

.head .head-bot nav {display:none;}

.menu-handler {display:block;}

.height {height:60px;}

.foot .foot-top .tool {display:inline-block; margin-top:40px; float:right;}

.foot .foot-bot span {float:left;}
.foot .foot-bot font {float:right;}

.news .newsli {width:600px;}

.bigimg {height:320px;}

.menudiv a {line-height:60px; padding:0px 20px; font-size:16px;}

}

@media (min-width: 1000px) {

.head {height:110px;}

.head .head-bot {height:80px;}
.head .head-bot .logo {height:80px;}
.head .head-bot .logo img {height:60px;}

.head .head-bot nav li {width:80px;}
.head .head-bot #buoy {width:20px;}

.height {height:110px;}

.foot-nav {margin-top:15px;}

.foot .foot-top .tool {display:inline-block; float:right;}

.foot .foot-bot span {float:left;}
.foot .foot-bot font {float:right;}

.introbox {padding:100px 0px 80px;}
.introbox .list p {padding:0px 8px;}

.news .newsli {width:600px;}

.bigimg {height:450px;}

.menudiv a {line-height:70px; padding:0px 30px; font-size:16px;}

.about .intro {padding:30px 20px 30px 0px;}

}

@media (min-width: 1260px) {

.head {height:130px;}

.head .head-bot {height:100px;}
.head .head-bot .logo {height:100px;}
.head .head-bot .logo img {height:80px;}

.head .head-bot nav {margin-top:10px;}
.head .head-bot nav li {width:85px;}
.head .head-bot #buoy {width:25px;}

.height {height:130px;}

.bigimg {height:600px;}

.about-padding {padding-top:60px; padding-right:15px;}

.introbox .list p {padding:0px 12px;}

}